<script setup>
import tabBar from "../../../components/tabBar.vue"
const tonewindex=()=>{
  uni.navigateTo({
    url:'/pages/index/remove'
  })
}
</script>

<template>
  <view class="bg">
    <view class="dp" @click="tonewindex">
      <view class="请假申请">
        <view>
          <image class="img" src="/static/application.png"></image>
        </view>
        <view>
          <text class="h2">请假申请</text>
          <br>
          <text class="h3">还有 1 个请假在审批中，你无法请假</text>
        </view>
        <view class="blank">
        <view>
          >
        </view>
        </view>
      </view>
    </view>
  </view>
  <tabBar>

  </tabBar>
</template>

<style>
.请假申请 {
  width: 351px;
  height: 90px;
  background: #FFFFFF;
  border-radius: 12px;
  display: flex;
  justify-content: start;
  align-items: center;
}

.bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #F3F5F9;
}

.dp {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.img {
  width: 28px;
  height: 28px;
}
.h2{
  font-family: 黑体;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
  letter-spacing: 0;
}
.h3{
  font-family:黑体;
  font-weight: 400;
  font-size: 12px;
  color: #FF8B57;
  letter-spacing: 0;
  margin-right: 10px;
}
.blank{
  width: 100px;
  display: flex;
  justify-content: end;
  align-items: center;
  opacity: 50%;
}
</style>